<template>
    <f7-page class="find-pass">
        <f7-navbar>
            <f7-nav-left back-link=" " sliding></f7-nav-left>
            <f7-nav-center>找回密码</f7-nav-center>
            <f7-nav-right>
                <f7-link href="/modifyPass/" icon-fa="arrow-right"></f7-link>
            </f7-nav-right>
        </f7-navbar>
        <div class="main">
            <p class="hint">请输入您注册的手机号，获取验证码</p>
            <f7-list form>
                <f7-list-item>
                    <f7-input type="text" placeholder="手机号"></f7-input>
                </f7-list-item>
                <f7-list-item>
                    <f7-input type="text" placeholder="验证码"></f7-input>
                    <f7-button class="btn-code">获取验证码</f7-button>
                </f7-list-item>
            </f7-list>
        </div>
    </f7-page>
</template>

<style lang="scss">
.find-pass {
    .list-block {
        margin: 0;
    }

    .hint {
        margin: 0;
        padding: 10px 15px;
    }
    .btn-code {
        width: 120px;
    }
}
</style>